<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="jquery-ui.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery-ui.js"></script>
<script type="text/javascript" src="operDemo.js" charset="GBK"></script>
<script type="text/javascript" >
	$(function(){
			try{
				initItemList() ;
			}catch(e){alert(e.message)}
		}
	);
</script>

<style>
#feedback {
	font-size: 1.4em;
}
#sourceSelect .ui-selecting ,#orderSelect .ui-selecting {
	background: #FECA40;
}
#sourceSelect .ui-selected ,#orderSelect .ui-selected{
	background: #F39814;
	color: white;
}
#sourceSelect,#orderSelect{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#sourceSelect li,#orderSelect li {
	font-size: 12px;
}
.container{
	width:100px ;
	height:200px ;
	overflow:auto ;
	float:left ;
}
.selectLi{
	border: 1px solid #dddddd ;
}
.valueDiv{
	display: none; 
}
</style>
</head>
<body>
	<div class="container">
		<ol id="sourceSelect">
		</ol>
	</div>
	<div class="container">
		<input type=button value="add" onClick="javascript:addElement()" />
		<input type=button value="addAll" onClick="javascript:addElements()" />
		<input type=button value="remove" onClick="javascript:removeElement()" />
		<input type=button value="removeAll" onClick="javascript:removeElements()" />
		<input type=button value="test" onClick="javascript:test()" />
		<input type=button value="test" onClick="javascript:test1()" />
	</div>
	<div class=container>
		<ol id="orderSelect" >
		</ol>
	</div>
</body>
</html>